<template>
  <div class="red wrap">
    <van-tabs v-model="active">
      <van-tab title="消费红包">
          <img src="../assets/img/kongdata.jpg" alt="">
          <p>暂无数据</p>
      </van-tab>
      <van-tab title="现金红包">
          <img src="../assets/img/kongdata.jpg" alt="">
          <p>暂无数据</p>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  // 定义属性
  name: "Red",
  data() {
    return {
      active: 2,
    };
  },
  methods: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>

<style lang='scss' scoped>
.red{
    img{
        width: 100%;
    }
    p{
        text-align: center;
        color: #ccc;
    }
}
</style>